<template>
  <el-button
    :type="type"
    :size="size"
    v-waves
    :disabled="disabled"
    :loading="loading"
    :plain="plain"
    :icon="iconName"
    :round="round"
    :circle="circle"
  >
    {{ $t(text) }}
  </el-button>
</template>
<script>
import waves from '@/directive/waves/index.js'
export default {
  props: {
    // 按钮文本内容
    text: {
      type: String,
      default: '确定'
    },
    // 是否朴素按钮
    plain: {
      type: Boolean,
      default: false
    },
    // 类型可选值：primary / success / warning / danger / info / text（文字按钮）
    type: {
      type: String,
      default: ''
    },
    // 大小可选值：medium / small / mini
    size: {
      type: String,
      default: 'small'
    },
    // 是否显示图标
    showIcon: {
      type: Boolean,
      default: false
    },
    // 图标名称
    iconName: {
      type: String,
      default: ''
    },
    // 是否禁用状态
    disabled: {
      type: Boolean,
      default: false
    },
    // 是否加载中状态
    loading: {
      type: Boolean,
      default: false
    },
    // 是否圆形按钮
    circle: {
      type: Boolean,
      default: false
    },
    // 是否圆角按钮
    round: {
      type: Boolean,
      default: false
    }
  },
  directives: {
    waves
  }
}
</script>
